<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>首页</title>
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!
  <header>

  <div class="logo">
     <hl>C<b>a</b>lm</hl>
     <sqan class="text">我的博客</sqan>
   </div>
   <nav>
     <ul>
       <li>首页</li>
         <li>博客</li>
         <li>公告</li>
         <li>联系</li>
       </ul>
     </nav>
   </header>
   <div class="box2">

</div class="box left">
<div class="">
    欢迎来到我的博客
 </div>
 <div class="">
  记事本，日志，笔记，足迹，告示，活动
   </div>
 </div>
 <!-- 右侧-->
 <div class="box-left">
   <div class="">
    记得联系我！
   </div>
   <div class="img-box">
     <ul>
       <li>
         <i class="iconfont icon-qq">QQ</i>
       </li>
       <li>
         <i class="iconfont icon-wechat">wechat</i>
       </li>
       <li>
      <i class="iconfont icon-weibo">weibo</i>
       </li>
    </ul>
  </div>
</header>

<div class="content">
  <div class="content-box">

    <div class="unit">
      <ul>
        <li>All</li>
        <li>图片</li>
        <li>文字</li>
        <li>语音</li>
        <li>视频</li>
      </ul>
    </div>
    <!--图片列表-->
    <div class="list-box">
      <table>
        <tr>
          <table>
            <td width="300" align="center"><a href="#"><img src="img/123.jpg" width="200" height="150"border=0 /></a><br>
        sjfjfj</a></td>
        <td width="300" align="center"><a href="#"><img src="img/2.jpg" width="200" height="150"border=0 /></a><br>
          jkfjh</a></td>
     <td width="300" align="center"><a href="#"><img src="img/3.jpg" width="200" height="150"border=0 /></a><br>
            skghdfgh</a></td>
     <td width="300" align="center"><a href="#"><img src="img/4.jpg" width="200" height="150"border=0 /></a><br>
              glfdgj</a></td>
            </tr>
            <tr>
     <td width="300" align="center"><a href="#"><img src="img/5.jpg" width="200" height="150"border=0 /></a><br>
                sfsgdgh</a></td>
     <td width="300" align="center"><a href="#"><img src="img/6.jpg" width="200" height="150"border=0 /></a><b>
                  sfldsgm</a></td>
     <td width="300" align="center"><a href="#"><img src="img/7.jpg" width="200" height="150"border=0 /></a><br>
                   fhsjkghf</a></td>
     <td width="300" align="center"><a href="#"><img src="img/8.jpg" width="200" height="150"border=0 /></a><br>
                      fkdsg</a></td>
                    </tr>
                    <tr>
     <td width="300" align="center"><a href="#"><img src="img/9.jpg" width="200" height="150"border=0 /></a><br>
                        hdsjkfj</a></td>
     <td width="300" align="center"><a href="#"><img src="img/10.jpg" width="200" height="150"border=0 /></a><br>
                          hfhdks</a></td>
     <td width="300" align="center"><a href="#"><img src="img/11.jpg" width="200" height="150"border=0 /></a><br>
                            nfjksz</a></td>
     <td width="300" align="center"><a href="#"><img src="img/12.jpg" width="200" height="150"border=0 /></a><br>
                              snkjfn</a></td></tr>

 </div>
 </div>
 </footer>
</body>
</html>

      <ul>

      </ul>
    </div>
  </div>
  <div class="">
    <!--新闻栏-->
    <div class="">

    </div>

<footer>

</footer>
</body>
